import React, { Component } from "react";
import { View, Swiper, SwiperItem, Image } from "@tarojs/components";
import "./Banner.scss";

export default class Banner extends Component {
  constructor() {
    console.log(...arguments);
    super(...arguments);
  }

  onScrollToUpper() {}


  onScroll(e) {
    console.log(e.detail);
  }

  render() {
    return (
      <Swiper
        className='banner'
        indicatorColor='#999'
        indicatorActiveColor='#333'
        circular
        indicatorDots
        autoplay
      >
        <SwiperItem>
          <View>
            <Image
              className='img'
              mode='aspectFill'
              src='https://img.jjbangbang.com/goods/ba3e0614bb2753d711ca0acb76876329.jpg'
            />
          </View>
        </SwiperItem>
        <SwiperItem>
          <View>
            <Image
              className='img'
              mode='aspectFill'
              src='https://img.jjbangbang.com/goods/4c9009da5055083a565c454e29d05f7a.jpg'
            />
          </View>
        </SwiperItem>
      </Swiper>
    );
  }
}
